*{
	margin:0px;
	padding:0px;
}
body{
	font-family: Helvetica;
}

/* Button Module*/

/* End Button Module*/


.right{ float:right;}
.left{ float:left;}
a {color:#555; font-weight:bold;}

.bg {
	width:100%;
	height:35px;
	background:url(../images/head-bg.png) repeat-x 0 0;
}

.logo{float:left;margin:5px 0 0 20px;}
.logo a {display:block;width:80px;height:80px;background:url(../images/logoxx.png) no-repeat;color:transparent!important}
.title {float:left;margin:20px 0 0 20px}
.title h1 {color:#1e5891;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);font-family: 'Jockey One', sans-serif; font-size:20px;font-weight:bold;padding:0;}
.title h2 {font-size:16px;font-family: 'Jockey One', sans-serif;color:#1e5891;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);padding:0}

/* user panel */
.rpanel {float:right;margin: 10px 20px 0;overflow: hidden;}
.rpanel h4 {font-size: 14px;color:#1e5891;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);letter-spacing: -1px;margin: 0;padding: 0;}
.rpanel p {color: #1e5891;font-size: 12px;font-weight: bold;margin: 0;padding: 0;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);}
.rpanel p a {color: #1e5891;text-decoration: none;}
.rpanel p a:hover {color: #336699;}
.rpanel hr {border-bottom-color: #20568B;border-top-color: #042C54;margin: 3px 0;}
.rpanel .inlink {background: #336699;border-radius: 4px;color: #FFFFFF;display: inline-block;float: left;font-size: 11px;font-weight: bold;margin: 3px 3px 0 0;padding: 1px 5px;text-decoration: none;text-shadow: 0 1px 1px #333333;}
.rpanel .inlink:hover {background: #000033;}
.rpanel .logout {height:40px;line-height:40px;border-left: 1px dotted #2989D8;color:#336699;display: block;font-size: 11px;font-weight: bold;margin: 15px 0 0 10px;padding: 0 0 0 40px;text-align: center;text-decoration: none;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);background:url(../images/ic-logout.png) no-repeat 10px 50%}
.rpanel .logout:hover {color:#000033}

.rpanel .separator{
	font-size:13px;
	color: #EFEFEF;
	text-decoration: none;
}

.rpanel a{
	padding:0px 2px 0px 2px;
	font-size:13px;
	color: #FAFAFA;
	text-decoration: none;
}

.rpanel a:hover{
	color: #FFF;
	text-decoration: none;
}

#footer{width:100%;margin:0 0 0 0;background:url(../images/footer-bg.png) repeat left top;border-top:solid 3px #336699;
	height: 29px;
	text-align: center;
	line-height: 29px;
	z-index: 11;
	font-size:12px;
	padding:0px;
}
.footer_content{width:100%;margin:auto;color:#555;}
.footer_content a{color:#555; text-decoration:none;}
.footer_content a:hover {color:#333}
.footer_bottom{clear:both;padding:0 0;float:left;width:100%;}
.footer_bottom_left{float:left;}
.copyrights{float:left; padding:0 0 0 5px;text-shadow:0 1px 0 #fff}
.copyrights a {font-weight:bold}
.footer_right_links{width:300px; float:right; padding:0; text-align:right;}
.footer_right_links ul{ list-style:none; padding:0px; margin:0px; }
.footer_right_links ul li{padding:0px; margin:0px;display:inline;}
.footer_right_links ul li a{padding:0px; margin:0px; padding:0 12px 0 12px;color:#555;text-shadow:0 1px 0 #fff;text-decoration:none;}

.logo {
    display: block;
    float: left;
    font-family: 'Kaushan Script',cursive;
    font-size: 20px;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    text-align: center;
    width: 220px;
    background-color: #367FA9;
    color: #F9F9F9;
	margin:0px;
}
a.logo:hover {
    color: #F9F9F9;
	text-decoration: none;
}

.nav a {
    color: rgba(255, 255, 255, 0.8);
}
.nav > li > a:hover,  .nav > li > a:active, .nav > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    color: #F6F6F6;
}
.navbar-right > .nav {
    margin-right: 10px;
	width:100%;
}
.sidebar-toggle .icon-bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
}
.sidebar-toggle:hover .icon-bar {
    background: none repeat scroll 0 0 #F6F6F6 !important;
}
.logo {
    background-color: #367FA9;
    color: #F9F9F9;
}
.logo > a {
    color: #F9F9F9;
}
.logo:hover {
    background: none repeat scroll 0 0 #357CA5;
}
.right-side > .content-header {
    background: none repeat scroll 0 0 #FBFBFB;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.navbar-nav > .user-menu > .dropdown-menu {
    border-radius: 0;
    border-top-width: 0;
    padding: 1px 0 0;
    width: 280px;
	z-index:999999;
	position:absolute;
	right:0;
	top:0;
}
.navbar-nav > .user-menu > .dropdown-menu:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFFFFF;
    border-image: none;
    border-style: solid;
    border-width: 10px;
    bottom: 100%;
    content: " ";
    height: 0;
    margin-left: -10px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    width: 0;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    background: none repeat scroll 0 0 #3C8DBC;
    height: 175px;
    padding: 10px;
    text-align: center;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
    border: 8px solid rgba(255, 255, 255, 0.2);
    height: 90px;
    width: 90px;
    z-index: 5;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 17px;
    margin-top: 10px;
    text-shadow: 2px 2px 3px #333333;
    z-index: 5;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
    display: block;
    font-size: 12px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-body {
    border-bottom: 1px solid #F4F4F4;
    border-top: 1px solid #DDDDDD;
    padding: 15px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-body:before, .navbar-nav > .user-menu > .dropdown-menu > li.user-body:after {
    content: " ";
    display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-body:after {
    clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-body > div > a {
    color: #0073B7;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer {
    background-color: #F9F9F9;
    padding: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:before, .navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after {
    content: " ";
    display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after {
    clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer .btn-default {
    color: #666666;
}
.open > .dropdown-menu {
    animation-duration: 0.7s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: fadeAnimation;
    animation-timing-function: ease;
}
@-moz-keyframes fadeAnimation {
0% {
    opacity: 0;
    top: 120%;
}
100% {
    opacity: 1;
    top: 100%;
}
}
@media screen and (max-width: 767px) {
	.navbar-nav > .notifications-menu > .dropdown-menu, .navbar-nav > .user-menu > .dropdown-menu, .navbar-nav > .tasks-menu > .dropdown-menu, .navbar-nav > .messages-menu > .dropdown-menu {
		background: none repeat scroll 0 0 #FFFFFF;
		border-bottom: 1px solid #DDDDDD;
		border-left: 1px solid #DDDDDD;
		border-right: 1px solid #DDDDDD;
		left: auto;
		position: absolute;
		right: 0;
		top: 100%;
	}
}

h5 {
	font-weight:600;
}